@charset "gb2312";
body{color: #262626; font-family:"微软雅黑";}
a{color:#262626} 

 #topnav{ width:100%; float: left; height:0px; }  
 .tb{ width:100%; float:left}
.tbyc{ width:100%; float:left; text-align:right } 
.tbyc a{ line-height:22px; color:#000; padding:0% 2px; }  
.pro-box a:hover .ptit{ background: #fece00;}
@media only screen and (max-width:1200px) { 
 #topnav{ display:none}
 }
.header{ overflow:hidden;  z-index:999; background:#fece00}

.logo{ width:100%; margin: 0 auto; align-items:initial; padding:1% 0%;} 
.logo1{} 
.logo2{ float:right; width:21%;}
.logo3{  padding-left:1%; } 
.logo4{ display:none} 
.logo3g{ display:none} 

.navBoxs{width:100%; height:50px;background:#000; overflow:hidden; }  
.navBox{width:100%; }
.navBox li{float:left; width:8%; text-align:center; overflow:hidden  }
.navBox li a{display: block;color:#fff; font-size:16px; text-transform:uppercase; line-height:50px; }    
.navBox li:hover{ background:#FF9711}
.navBox dt{ float:right;height:50px; line-height:50px; font-size:16px; color:#FFFFFF}
@media only screen and (max-width:1680px) {   
}
@media only screen and (max-width:1440px) {   
.logo3{ display:none} 
.logo2{ width:25%} 
}
@media only screen and (max-width:1200px) {   
.navBoxs{ border-top: none; border-bottom: none; }   
.navBox li{ width:12.5%;}
.navBox dt{ display:none}
.logo1{ width:54%; }
.logo2{ width:30%}   
.logo3{ display:none}   
} 
@media only screen and (max-width:1024px) {   
.logo2{ width:28%; float: right; }   
.navBox li{ border:none}  
}  
@media only screen and (max-width:768px) {  
.logo3g{ display:block}
.logo3g img{ width:100%;}
.ibanner{ display:none}
.logo1{  width:83%; margin: 0 auto; float:none; display:block} 
.logo2{ display:none;} 
.logo{ text-align:center; padding:1% 0%;} 
.navBoxs{ height: auto; padding:2% 0%;}  
.navBox{ height: auto;} 
.navBox li{ width:25%;} 
.navBox li a{ line-height: 40px; color:#FFFFFF;}     
}  
@media only screen and (max-width:500px) {  
.logo img{ width:98%; } 
} 
@media only screen and (max-width:300px) {  
}

/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:100%; left: 0; right: 0; z-index:999;display:none;width:90%; background:#000; padding: 10px 0; text-align: center; margin: 0 auto;}
.navBox ul.navCont li.child .childcont li{ width: 100%; display: block;}
.navBox ul.navCont li.child .childcont a{line-height: 40px; color:#fff; background: no-repeat; height: auto; margin: 0; font-size: 16px;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#cb9e48; text-decoration:none;}

/*底部*/
.footer{ background:#000;background-size:cover;color:#fff; line-height:30px; position: relative; font-size: 14px; }
.footer a{ color:#fff; }
.footer a:hover{ color:#fff;} 
.footer .flink{ line-height: 30px;}
.footer .fpad{ padding: 0 4%;} 
.footer .ftit{ font-size:18px; font-weight: bold; margin-bottom:0px; } 
.footer .ftit b{ width:20px; background:#fff; height:2px; display:block; margin-top:20px;}
.fcont{ line-height:100px;} 
.fcont h2{ }
.fcont h2 img{ max-width:none; } 
.fcont p{ width:36px; height:1px;background:#fff; margin-bottom:20px;  display:block;}

.fcoy{  padding:1% 0; background:#313030} 
.footer .span-4{ width:10%; float:left;  }
.footer .span-5{ width:24%; float: left; margin-right:3% }
.footer .span-3{ width:26%; float:left;} 
.footer .span-4 li{ width:100%;  float:left; line-height:30px; overflow:hidden; height:30px}    
.foot_c{ width:33%; float: left; }
.footdivli{ width:38%; float: left; }
.footdivli li{ width:25%;  float:left; line-height:30px; overflow:hidden; height:30px}   
.footdivul{ width:10%; float: right; }
.footdivul li{width:100%; text-align: center; float: left; } 
.footdivul li img{ width:67%; border:3px #FFFFFF solid  } 
.footdivul ul{ width:100%; float:left; }
.footdivul h2{width:100%; line-height:50px; color:#FFFFFF; }  
.footdivul p{ width:100%; display:block; line-height:30px; text-align:center} 
.footdivul p strong{ font-weight: bold; display:block}  
.footdivlx{ width:14%; float: left; }
.footdivlx ul{ }
.footdivlx ul li{font-size:16px; line-height:30px; color:#fff; display: block;  }  
.footdivlx h1{font-size:21px; padding-bottom:20px; color:#fff; }
.footdivlx h2{font-size:16px; line-height:30px; height:30px; overflow:hidden; color:#fff; width:100%; display:block; font-weight:normal }
.footdivlx .span-4 a{ padding-right:10px;}
.footnav{ width:10%; float:left;  }
.footnav li{ width:100%; height:23px; float:left;background:url(../images/footnav.png) no-repeat right center; margin-right:7%}
.footnav li h2{ font-size:18px; line-height:40px; height:30px; font-weight:normal;color:#858585; overflow:hidden}
.footnav li p{ font-size:14px; line-height:40px; height:30px; color:#858585; text-transform:uppercase;}
 
.foot-info{ padding:1% 0% 0% 0%;  } 
.ftit_logo{ font-size:20px; line-height:50px; color:#FFFFFF; }
.copyright{ margin-top:30px; line-height:40px; }
.copyright p{ display: block}
.links{ width:100%; height:50px; line-height:50px; background:#f6f6f6; font-size:16px; overflow:hidden} 
.links a{ color:#202020; padding:0% 5px;}
.links a:hover{color:#202020;}
.links strong{ padding:0% 14px; color:#FFFFFF}
.copyrightno{ height:40px; overflow:hidden; line-height:40px; color:#333} 
.copyrightno a{ color:#333; padding:0% 5px;} 
.copyrightno a:hover{ color:#333}
.vipb a{ color:#FFFFFF}   
.footer .span-5 li{ }
.footer .span-5 li img{ height:80px;}
.footer .span-5 li h2{ font-size:24px; color:#fff}
.footer .span-5 li p{ font-size:14px; color:#fff; padding:20px 0%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} 
@media only screen and (max-width:1680px) {  
.copyright{ margin-top:0px; line-height:28px }
}
@media only screen and (max-width:1440px) {  
.footdivul{ display:none} 
.footer .span-5{ width:32%}
.footdivli{ width:35%} 
}
@media only screen and (max-width:1200px) {   
.footer .ftit{ font-size:18px}  
.footnav{ display:none} 
.footdivlx ul li{ display:block}
.footdivli{ width:44%}
.footdivlx{ width:18%}
}
@media only screen and (max-width:1024px) { 
.foot-info{ padding:3% 0% 3% 0%;} 
.copyright{ padding:2% 0% 3% 0%} 
.footer .span-5{ width:32%}
.fcont p{ padding-right:5%}
.lingk{ display:none}
.copyright strong{ display:none}   
.footer .span-5 li h2{ font-size:18px}
.footer .span-5 li span{ display:none}
.footdivlx{ display:none}
footdivli { width:64%}
} 
@media only screen and (max-width:850px) { 
.fcoy{ padding:1% 0% 30px 0%}
.footer .span-5{ width:100%; text-align:center}
.footnav{ display:none}
.footdivli{ display:none} 
.footdivlx{ width:100%; border:none; padding:0% 0% 0px 0%; text-align: center} 
.footdivlx h1{ text-align:center; width:50%; margin: 0 auto} 
.footdivlx ul li{ width:50%; float:left}
.links{ display:none}
.footer .span-5 li p{ display:none}
.footer .span-5 li h2{ display:none}
.foot_c{ width:100%; }
.link{ display:none}
.copyright{ padding:0%}
}
@media only screen and (max-width:768px) {  
.footer{ padding:0% 0% 80px 0%; }
.footbot{ padding:0% 0% 40px 0%}
.foot-info{ padding:0% 0% 0% 0%}  
.fcoy{ background:none} 
.footer .span-4{ display:none} 
.footer .span-5{ width:100%; text-align:center;  }  
.copyright{ text-align:center; padding:2% 0% 20px 0%} 
.copyright p{ display: block; float: none; margin: 0 auto}  
}
@media only screen and (max-width:500px) {  
.footdivlx ul li{ width:100%; float:left} 
.footdivlx h1{ display:none}
.footdivlx h2{ display:none}
}
@media only screen and (max-width:450px) {    
.footdivli{ display:none}
.fcont p{ display:none}
.footdivlx li{ display:none}   
.footer .span-5 li{ background:none; height:auto; padding:0%}
.copyright strong{ display:none}
}
@media only screen and (max-width:380px) { 
.footdivlx li{ width:100%; text-align:center}   
.footdivlx li:nth-child(2){ padding:0%; } 
}
.footerny{ padding:1% 0% 1% 0%; position: relative; background:#000000; text-align:center; width:100%; color:#FFFFFF; margin-top:3%}
.copyrightny{ font-size:16px; line-height:60px;}
.copyrightny a{ color:#FFFFFF}
.copyrightny p{ display:inline}
@media only screen and (max-width:768px) {  
.footerny{ padding:2% 0% 80px 0%;}
.copyrightny p{ display: block}
}
 
/*首页banner大图样式*/
.ibanner{ position:relative; height:758px; overflow: hidden;}
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}

.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0%;}
.ibanner .swiper-button-next{ right:0%;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:none; width:5rem; height:5rem; line-height:5rem; text-align:center; background: #fece00;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom:6rem!important; color: #fff; text-align: left; padding:0 0 0 13%; box-sizing: border-box;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 0.5; position: relative; width: 4rem; height: 5px; border-radius: 0;}
.ibanner .swiper-pagination-bullet{ color: transparent; background:#fff;}
.ibanner .swiper-pagination-bullet-active{ opacity: 1; height: 10px;}
.ibanner .swiper-pagination-current{ font-size: 2.4rem; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image: linear-gradient(220deg,#0481dc,#3cc2e7);}

.ibanner .bH{ height: 100%; position: relative;}
.ibanner .bfont{ color: #fff; text-align: center;}
.ibanner .bfont span{ display: block; font-size: 7.2rem; font-family: 'MicrosoftYaHei Bold';}
.ibanner .bfont a{ display: inline-block; border: 1px solid #fff; border-radius: 5px; width: 16rem; height: 4.6rem; color: #fff; line-height: 4.6rem; font-size: 1.8rem; margin-top: 3rem;}
.ibanner .bfont a:hover{background: #fff; color: #574ced; border-radius: 5rem; transition: all 0.4s;}

@media only screen and (max-width:1366px) {  
.ibanner{ height:620px; }  
}
@media only screen and (max-width:1024px) {  
.ibanner{ height:500px; }  
}
@media only screen and (max-width:768px) { 
 
.ibanner{ height:400px; }
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{width:2rem; }
.ibanner .swiper-pagination{ bottom: 2rem!important; padding-left: 10%;}
 
}
@media only screen and (max-width:650px) {    
.ibanner{ height: 300px;}   
} 
@media only screen and (max-width:500px) {  
.ibanner{ height:250px; }  
}
@media only screen and (max-width:400px) {  
.ibanner{ height:200px; }  
}
@media only screen and (max-width:320px) {  
.ibanner{ height:180px; }  
}

 
.wraps_top{ background:#f5f5f5; margin-bottom:3%; } 
.wraps_top h2{ border-left:3px #000 solid; color:#000;  }